<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>日期控件——日期范围限制</title>
    <script type="application/javascript" charset="utf-8" src="../laydate/laydate.js"></script>
    <script type="application/javascript" charset="utf-8">
        window.onload = function () {
            var start = {
                elem: '#start',
                format: 'YYYY/MM/DD hh:mm:ss',
                min: laydate.now(), //设定最小日期为当前日期
                max: '2099-06-16 23:59:59', //最大日期
                istime: true, // 显示 时分秒 的选择
                istoday: false,
                choose: function(datas){
                    end.min = datas; //开始日选好后，重置结束日的最小日期
                    end.start = datas //将结束日的初始值设定为开始日
                }
            };
            var end = {
                elem: '#end',
                format: 'YYYY/MM/DD hh:mm:ss',
                min: laydate.now(),
                max: '2099-06-16 23:59:59',
                istime: true,  // 显示 时分秒 的选择
                istoday: false,
                choose: function(datas){
                    start.max = datas; //结束日选好后，重置开始日的最大日期
                }
            };
            laydate(start);
            laydate(end);
        }
    </script>
    <style>
        .inline{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
    </style>
</head>
<body>
<ul class="inline">
    开始日：<li class="inline laydate-icon" id="start" style="width:200px; margin-right:10px;"></li>
    结束日：<li class="inline laydate-icon" id="end" style="width:200px;"></li>
</ul>
</body>
</html>